<script>
export default {
    data() {
        return {
            htmlStr: ''
        }
    },
    mounted() {
        tinymce.init({
            selector: '#editor', // 初始化一个元素
            branding: false, // 取消右下角默认提示
            height: 300,
            plugins: 'advlist link image lists paste', // 使用插件
            paste_data_images: true, // 支持图片粘贴
        })
    },
    methods: {
        submit() {
            // 获取输入的内容
            // console.log(tinymce.activeEditor.getContent());

            this.htmlStr = tinymce.activeEditor.getContent()
            // 将用户编辑的内容提交到服务器中

        }
    }
}
</script>
<template>
    <div>
        <textarea id="editor"></textarea>


        <el-button @click="submit">点击获取富文本编辑器中的内容</el-button>
        <div v-html="htmlStr"></div>
    </div>
</template>
